 #myContainner {
   height:100vh;
   background-image: url("../images/4.png");
   background-size: 100% 100%;
   background-position: center;
   background-repeat: no-repeat;

   //id扫码
   .sacnCode{
     height: 6vh;
     left:88%;
     top:27%;
     position: relative;
     z-index: 1;
     overflow: hidden;
     .scanID{
       width: 3vw;
       //transform: scale(0.25);
       //transform-origin:0% 0%;
       position: absolute;
     }
     .scanID:hover{
       box-shadow: -1px 1px 1px rgba(0,0,0,.5);
       opacity: 0.8;
       cursor: pointer;
     }
     .scanText{
       left:3.6%;
       top:15%;
       font-size: 1.5vw;
       color: #76f0ee;
       position: absolute;
     }
   }

   //区域信息
   .area{
     z-index: 1;
     align: center;
     height: 10vh;
     overflow: hidden;
     position: relative;
     .areafont{
       //font-size: 22px;
       position: relative;
       top:30%;
       left:1%;
       overflow: hidden;
       color: #ffffff;
       //margin-left: 100px;
       font-size: 1.3vw;
     }
   }

   //托盘信息
   .stock{
     position: relative;
     z-index: 1;
     height: 30vh;

     .stockmain{
       width: 96vw;
       overflow: hidden;
     }
     .stockmain:active{
       box-shadow: -1px 1px 1px rgba(0,0,0,.5);
       opacity: 0.8;
       //cursor: pointer;
     }
     .stockInfo{
       height: 20vh;

       .stockitem{
         left:25%;
         top:15%;
         position: relative;
         color: #d3fffd;
         font-size: 1vw;
       }
       .stockitemnone{
         left:30%;
         top:15%;
         position: relative;
         color: #d3fffd;
         font-size: 3vw;
       }
     }
     .stockInfo:hover{
       //background-color: #c4b1b1;
       box-shadow: -1px 1px 1px rgba(0,0,0,.5);
       //box-shadow: -1px 1px 1px rgb(245, 13, 100);
       opacity: 0.5;
       cursor: pointer;
     }
     .stockbtn{
       height: 10vh;
       //托盘信息下的图片按钮
       .stockimg{
         top: 40%;
         position: relative;
         //呼叫agv
         .callAgv{
           //display: block;
           transform: scale(1.1);
           transform-origin:0% 0%;
           width: 6vw;
           left: 12%;
           position: absolute;
         }
         .callAgv:hover{
           box-shadow: -1px 1px 1px rgba(0,0,0,.5);
           opacity: 0.8;
           cursor: pointer;
         }
         //托盘入库
         .warehouse{
           width: 6vw;
           //left: 60%;
           left: 36%;
           position: absolute;
         }
         .warehouse:hover{
           box-shadow: -1px 1px 1px rgba(0,0,0,.5);
           opacity: 0.8;
           cursor: pointer;
         }
         //选择托盘
         .chooseStock{
           width: 6vw;
           left: 15%;
           position: absolute;
         }
         .chooseStock:hover{
           box-shadow: -1px 1px 1px rgba(0,0,0,.5);
           opacity: 0.8;
           cursor: pointer;
         }
         .chooseMaterial{
           width: 6vw;
           left: 60%;
           position: absolute;
          }
         .chooseMaterial:hover{
           box-shadow: -1px 1px 1px rgba(0,0,0,.5);
           opacity: 0.8;
           cursor: pointer;
         }
       }
     }


   }
    //下侧标题
   .footTitle{
     height:5vh;
      position: relative;

     .footTitleChild{
       width: 50vw;
       left:22%;
       top:25%;
       position: relative;
       color:#d3fffd;
       font-size: 1.2vw;
     }
   }
   //下侧数据
   .footData{
     height:40vh;
     position: relative;
     .footDataWarehouse{
       width: 50vw;
       position: relative;
       .warehouseTable{
         //width: 44vw;
         width:90%;
         left:5%;
         position: relative;

       }
     }
     .footDataStock{
       width: 50vw;
       position: relative;
       .stockInfoTable{
         width: 40vw;
         left:10%;
         position: relative;

       }
       .click{
         position: absolute;
         width: 100%;
         left: -10%;
         top: 67%;
       }
       .stockInfoCheck{
         height: 5vh;
         top:10%;
         position: relative;
         left:20%;
         .checked{
           width: 2%;
           top:8%;
           position: absolute;
         }
         .unchecked{
           width: 2%;
           top:8%;
           position: absolute;
         }
         .checkText{
           left: 3%;
           color: white;
           font-size: 1vw;
           position: absolute;
         }
       }

       .stockInfoBtn{
         position: absolute;
         top: 66%;
         left: 52%;

         .warehouseOut{
           left:50%;
           width: 6vw;
         }
         .warehouseOut:hover{
           box-shadow: -1px 1px 1px rgba(0,0,0,.5);
           opacity: 0.8;
           cursor: pointer;
         }
         .warehouseIn{
           left:55%;
           width: 6vw;
         }
         .warehouseIn:hover{
           box-shadow: -1px 1px 1px rgba(0,0,0,.5);
           opacity: 0.8;
           cursor: pointer;
         }
       }
     }
   }

   .my-dialog{
     .chooseStockTable{

     }
     .my-dialog-main{
       height: 400px;
     }
   }
   //弹窗里的确认按钮
   .confirmContainer{
     //background-color: red;
     position: absolute;
     right: -19%;
     top: 74%;
     //left:42%;
     .confirmContect{
       transform: scale(0.3);
       transform-origin: 0% 0%;
    /*   position: relative;
       left: -50%;
       top: 85%;*/
       width: 45vh;
     }
     .confirmContect:hover{
       box-shadow: -1px 1px 1px rgba(0,0,0,.5);
       opacity: 0.8;
       cursor: pointer;
     }
   }

   //弹窗里的关闭按钮
   .closeContainer{
     width: 30px;
     height:30px;
     margin-top: 10px;
     left:95%;
     position: relative;
   }
   .closeContainer:hover{
     box-shadow: -1px 1px 1px rgba(0,0,0,.5);
     opacity: 0.8;
     cursor: pointer;
   }



   //弹窗-空托盘-详情文字
   .emptyStockText{
     margin-top: 8px;
     font-size: 1.1em;
     color: #76f0ee;
   }

   //弹窗-空托盘-详情数据
   .emptyStockDetail{
     height: 300px;
     position: relative;
     //弹窗-空托盘-详情图片
     .emptyStockDetailPng{
       position: absolute;
     }
     //弹窗-空托盘-详情表格
     .emptyStockDetailTable{
       width: 96%;
       top:20%;
        position: relative;
     }
   }

   //弹窗样式
   //.el-dialog{
   //  background-color: transparent;
   //  background-image: url("../images/dialog.png");
   //  background-size: 100% 100%;
   //  background-position: center;
   //  background-repeat: no-repeat;
   //
   //}
   //.el-dialog__header{
   //  padding: 0;
   //}
   //.el-dialog__body,el-dialog__header{
   //  padding: 0;
   //}

   /** 布局配置 */
   .el-main{
     padding: 0;
     overflow: hidden;
   }
   .el-header{
     padding: 0;
   }
   .el-footer{
     padding: 0;
   }
   .el-container{
     overflow: hidden;
   }

   //.el-table{
   //  //表格背景透明
   //  --el-table-border-color: transparent;
   //  --el-table-border: none;
   //  //--el-table-current-row-bg-color: transparent;
   //  --el-table-header-bg-color: transparent;
   //  --el-table-bg-color: transparent;
   //  --el-table-tr-bg-color: transparent;
   //  --el-table-expanded-cell-bg-color: transparent;
   //
   //  //表头颜色
   //  --el-table-header-text-color: #76f0ee;
   //  //文字颜色
   //  --el-table-text-color: #76f0ee;
   //  //鼠标停留在当前行高亮
   //  --el-table-row-hover-bg-color: rgb(118,240,238,0.4);
   //  //选中高亮
   //  --el-table-current-row-bg-color: rgb(118,240,238,0.4);
   //}



   //占位,确保布局正确
   .aside1,aside2{
     //width:2vw;
     height: 40vh;
   }

   .aside3,aside4{
     //width:2vw;
     height: 35vh;
   }



 }
